import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';
import 'package:travel/model/hotel.dart';
import 'package:travel/routes/index.dart';
import 'package:travel/screen/flutter_screenutil.dart';
import 'package:travel/ui/step_line.dart';
import 'package:travel/utils/colors.dart';
import 'package:travel/utils/radian.dart';
import 'package:travel/utils/styles.dart';
import 'package:travel/utils/tools.dart';

class HotelOrderInfoController extends GetxController {
  Rx<HotelOrderModel> order = Rx(HotelOrderModel(
      type: 1,
      name: '北海希尔顿欢朋酒店',
      address: '北海市海城区湖光中街甲六号',
      startDate: '11-25',
      endDate: '11-26',
      describe: '1晚1间',
      house: '江景大床房',
      status: HotelOrderStatusEnum.unused.value,
      price: 457));

  @override
  void onInit() {
    if (Get.arguments != null) {
      order.value = Get.arguments['order'];
    }
    super.onInit();
  }
}

class HotelOrderInfoView extends GetView<HotelOrderInfoController> {
  const HotelOrderInfoView({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF7f7),
      appBar: PreferredSize(
          preferredSize: Size.fromHeight(Get.mediaQuery.padding.top + 44),
          child: buildAnnotatedRegion(context)),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Stack(
              clipBehavior: Clip.none,
              children: [
                Column(
                  children: [
                    Container(
                      height: getHeightByStatus(controller.order.value.status),
                      constraints: const BoxConstraints(maxHeight: 120, minHeight: 85),
                      decoration: BoxDecoration(
                          gradient: LinearGradient(colors: [
                        ColorsUtils.rgba(52, 120, 246, 1),
                        ColorsUtils.rgba(2, 167, 240, 1)
                      ], stops: const [
                        0.0,
                        0.99
                      ], transform: GradientRotation(RadianUtils.angleToRadian(90)))),
                      padding: EdgeInsets.only(left: 15.w),
                      child: Column(
                        children: [
                          Container(
                            padding: EdgeInsets.only(top: 15.h),
                            alignment: Alignment.topLeft,
                            child: Text.rich(TextSpan(children: [
                              TextSpan(
                                text: getStatusText(controller.order.value.status),
                                style: StylesUtils.customTextStyle(fontSize: 30.sp),
                              ),
                              WidgetSpan(
                                  child: Icon(
                                    Icons.arrow_forward_ios,
                                    size: 15.sp,
                                    color:
                                        ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                                  ),
                                  alignment: PlaceholderAlignment.middle)
                            ])),
                          ),
                          tipsWidget(controller.order.value.status),
                        ],
                      ),
                    ),
                    buildStackContainer(controller.order.value.status),
                  ],
                ),
                Positioned(
                    left: 0, right: 0, bottom: 0, child: buildBottom(controller.order.value.status))
              ],
            ),
            Center(
              child: SizedBox(
                width: 345,
                child: getOrderInfo(),
              ),
            )
          ],
        ),
      ),
    );
  }

  Widget buildAnnotatedRegion(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.light,
      child: Container(
        padding: EdgeInsets.only(top: Get.mediaQuery.padding.top),
        decoration: BoxDecoration(
            gradient: LinearGradient(
                colors: [ColorsUtils.rgba(52, 120, 246, 1), ColorsUtils.rgba(2, 167, 240, 1)],
                stops: const [0.0, 0.99],
                transform: GradientRotation(RadianUtils.angleToRadian(90)))),
        child: Row(
          children: [
            Container(
              width: 50.w,
              alignment: Alignment.center,
              child: IconButton(
                  onPressed: Get.back,
                  icon: Icon(
                    Icons.arrow_back_ios,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorFfff),
                    size: 20.w,
                  )),
            ),
            Expanded(
                child: Center(
              child: Text(
                '订单详情',
                style: StylesUtils.customTextStyle(fontSize: 18.sp),
              ),
            )),
            Container(
              width: 50.w,
              alignment: Alignment.center,
              child: IconButton(
                  onPressed: () {
                    ToolsUtils.openShare(context);
                  },
                  icon: ToolsUtils.assetImageSvg('u2611.svg', width: 18.w, height: 18.h)),
            )
          ],
        ),
      ),
    );
  }

  Widget buildStackContainer(int status) {
    double height = 0.0;
    if (HotelOrderStatusEnum.unpaid.value == status) {
      height = 60.0;
    }
    if (HotelOrderStatusEnum.unused.value == status) {
      height = 70.0;
    }
    if (HotelOrderStatusEnum.used.value == status) {
      height = 30.0;
    }
    if (HotelOrderStatusEnum.cancelled.value == status) {
      height = 30.0;
    }
    return Container(
      height: height,
    );
  }

  Widget buildBottom(int status) {
    if (HotelOrderStatusEnum.unpaid.value == status) {
      return Center(
        child: Container(
          height: 95,
          width: 345,
          padding: EdgeInsets.symmetric(vertical: 10.w, horizontal: 15.h),
          decoration:
          BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
          child: Column(
            children: [
              Container(
                alignment: Alignment.centerLeft,
                child: Text(
                  '请在23:00前完成支付',
                  style: StylesUtils.customTextStyle(
                      color: ColorsUtils.colorFf99, fontSize: 13.sp),
                ),
              ),
              Container(
                margin: EdgeInsets.only(top: 15.h),
                alignment: Alignment.centerLeft,
                child: Wrap(
                  crossAxisAlignment: WrapCrossAlignment.center,
                  spacing: 10.w,
                  children: [
                    Container(
                      alignment: Alignment.center,
                      constraints: BoxConstraints.expand(width: 105.w, height: 35.h),
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(5.w),
                          border: Border.all(
                              color:
                              ColorsUtils.parseColorFromHexString(ColorsUtils.colorCccc))),
                      child: TextButton(
                          onPressed: () {},
                          child: Text(
                            '取消订单',
                            style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                          )),
                    ),
                    Container(
                      alignment: Alignment.center,
                      constraints: BoxConstraints.expand(width: 105.w, height: 35.h),
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(5.w),
                          gradient: LinearGradient(colors: [
                            ColorsUtils.rgba(78, 115, 223, 1),
                            ColorsUtils.rgba(8, 150, 227, 1)
                          ], stops: const [
                            0.0,
                            1.0
                          ], transform: GradientRotation(RadianUtils.angleToRadian(180)))),
                      child: TextButton(
                          onPressed: () {
                            Get.toNamed(RoutePath.paySafety);
                          },
                          child: Text(
                            '去支付',
                            style: StylesUtils.customTextStyle(),
                          )),
                    )
                  ],
                ),
              )
            ],
          ),
        ),
      );
    }
    if (HotelOrderStatusEnum.unused.value == status) {
      return Center(
        child: Container(
          height: 100,
          width: 345,
          padding: EdgeInsets.symmetric(vertical: 10.w, horizontal: 15.h),
          decoration:
          BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Text.rich(TextSpan(children: [
                    TextSpan(
                        text: '在线支付',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333,
                            fontSize: 16.sp,
                            fontWeight: FontWeight.w700)),
                    TextSpan(
                      text: ' ￥',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.colorD900, fontSize: 16.sp),
                    ),
                    TextSpan(
                        text: '${controller.order.value.price}',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.colorD900, fontSize: 18.sp))
                  ])),
                  InkWell(
                      onTap: () {},
                      child: Text(
                        '费用明细',
                        style: StylesUtils.customTextStyle(
                            fontSize: 12.sp, color: ColorsUtils.color6799),
                      ))
                ],
              ),
              Container(
                margin: EdgeInsets.only(top: 25.h),
                alignment: Alignment.centerLeft,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '订单号 2311201173310086',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color6666, fontSize: 12.sp),
                    ),
                    InkWell(
                        onTap: () {},
                        child: ToolsUtils.assetImageSvg('u1757.svg', width: 12.w, height: 12.h))
                  ],
                ),
              )
            ],
          ),
        ),
      );
    }
    if (HotelOrderStatusEnum.used.value == status) {
      return Center(
        child: Container(
          height: 50,
          width: 345,
          padding: EdgeInsets.all(15.w),
          alignment: Alignment.centerLeft,
          decoration:
          BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
          child: Text(
            '期待您的下次光临',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color7979, fontSize: 15.sp),
          ),
        ),
      );
    }
    if (HotelOrderStatusEnum.cancelled.value == status) {
      return Center(
        child: Container(
          height: 50,
          width: 345,
          padding: EdgeInsets.all(15.w),
          alignment: Alignment.centerLeft,
          decoration:
          BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8.w)),
          child: Text(
            '期待您的下次光临',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color7979, fontSize: 15.sp),
          ),
        ),
      );
    }
    return Container();
  }

  Widget tipsWidget(int status) {
    switch (status) {
      case 1:
      case 2:
      case 3:
        return Container(
          padding: EdgeInsets.only(top: 12.h),
          alignment: Alignment.topLeft,
          child: Text(
            getTipsByStatus(controller.order.value.status),
            style: StylesUtils.textStyle(color: ColorsUtils.rgba(255, 255, 255, 0.847058823529412)),
          ),
        );
    }
    return Container();
  }

  String getTipsByStatus(int status) {
    switch (status) {
      case 1:
        return '请尽快支付，订单超时未支付将自动失效';
      case 2:
        return '请尽快按时到店办理入住，过时将不予保留';
      case 3:
        return '由于订单超时未支付已自动取消';
      default:
        return '';
    }
  }

  String getStatusText(int status) {
    for (var row in HotelOrderStatusEnum.values) {
      if (row.value == status) {
        return row.label;
      }
    }
    return '';
  }

  double? getHeightByStatus(int status) {
    switch (status) {
      case 1:
      case 2:
        return 120;
      case 3:
        return 105;
      case 4:
        return 85;
    }
    return null;
  }

  Widget? getOrderInfo() {
    switch (controller.order.value.status) {
      case 1:
        return UnpaidInfo(order: controller.order.value);
      case 2:
        return UnusedInfo(order: controller.order.value);
      case 3:
        return CancelledInfo(order: controller.order.value);
      case 4:
        return UsedInfo(order: controller.order.value);
    }
    return null;
  }
}

/// 待支付
class UnpaidInfo extends StatefulWidget {
  final HotelOrderModel order;

  const UnpaidInfo({super.key, required this.order});

  @override
  State<UnpaidInfo> createState() => _UnpaidInfoState();
}

class _UnpaidInfoState extends State<UnpaidInfo> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          padding: EdgeInsets.only(left: 15.w, right: 15.w, top: 2.5.h, bottom: 2.5.h),
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          child: Column(
            children: [
              SizedBox(
                height: 40.h,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text.rich(TextSpan(children: [
                      TextSpan(
                          text: '在线支付',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333,
                              fontSize: 16.sp,
                              fontWeight: FontWeight.w700)),
                      TextSpan(
                        text: ' ￥',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.colorD900, fontSize: 16.sp),
                      ),
                      TextSpan(
                          text: '${widget.order.price}',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.colorD900, fontSize: 18.sp))
                    ])),
                    InkWell(
                        onTap: () {},
                        child: Text(
                          '费用明细',
                          style: StylesUtils.customTextStyle(
                              fontSize: 12.sp, color: ColorsUtils.color6799),
                        ))
                  ],
                ),
              ),
              SizedBox(
                height: 40.h,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '订单号 2311201173310086',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color6666, fontSize: 12.sp),
                    ),
                    InkWell(
                        onTap: () {},
                        child: ToolsUtils.assetImageSvg('u1757.svg', width: 12.w, height: 12.h))
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              InkWell(
                onTap: () {
                  Get.toNamed(RoutePath.hotelInfo);
                },
                child: SizedBox(
                  height: 50.h,
                  child: Row(
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.circular(5.w),
                        child: Image.network(
                          'https://img2.baidu.com/it/u=874687570,4272745671&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500',
                          width: 70.w,
                          height: 50.h,
                          fit: BoxFit.fill,
                          loadingBuilder: (BuildContext context, Widget child,
                              ImageChunkEvent? loadingProgress) {
                            if (loadingProgress == null) {
                              return child;
                            }
                            return Center(
                              child: CircularProgressIndicator(
                                value: loadingProgress.expectedTotalBytes != null
                                    ? loadingProgress.cumulativeBytesLoaded /
                                        loadingProgress.expectedTotalBytes!
                                    : null,
                              ),
                            );
                          },
                        ),
                      ),
                      Expanded(
                          child: Container(
                        padding: EdgeInsets.only(left: 10.w),
                        child: Column(
                          children: [
                            Expanded(
                                child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  widget.order.name,
                                  style: StylesUtils.customTextStyle(
                                      fontSize: 15.sp, color: ColorsUtils.color3333),
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                ),
                                Icon(
                                  Icons.arrow_forward_ios,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                  size: 12.sp,
                                )
                              ],
                            )),
                            Expanded(
                                child: Container(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: widget.order.address,
                                          style: StylesUtils.customTextStyle(
                                              fontSize: 12.sp, color: ColorsUtils.color9999)),
                                      TextSpan(
                                          text: '  到这里',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: 12.sp, color: ColorsUtils.color6799))
                                    ]))))
                          ],
                        ),
                      ))
                    ],
                  ),
                ),
              ),
              ListView(
                physics: const NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                children: [
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '住',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月25日 周五 14:00 后入住',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                          Container(
                              padding: EdgeInsets.only(top: 20.h),
                              alignment: Alignment.centerLeft,
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  ToolsUtils.assetImageSvg('u1789.svg', width: 15.w, height: 15.h),
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.topLeft,
                                    padding: EdgeInsets.only(left: 5.w),
                                    child: Text('请在酒店前台报入住人姓名查询，凭有效证件办理入住。',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color6666,
                                            fontSize: 13.sp,
                                            lineHeight: 1.3.h)),
                                  ))
                                ],
                              )),
                        ],
                      ),
                    ),
                    highlightColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    lineWidth: 5,
                    lineColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    isGrey: false,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '离',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月26日 周六 12:00 前离店',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                        ],
                      ),
                    ),
                    isGrey: true,
                    normalColor: Colors.transparent,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                ],
              ),
              Container(
                height: 60,
                margin: EdgeInsets.only(top: 20.h),
                padding: EdgeInsets.only(right: 5.w),
                decoration: BoxDecoration(
                  color: ColorsUtils.rgba(235, 246, 255, 1),
                  borderRadius: BorderRadius.circular(8.w),
                ),
                child: InkWell(
                  onTap: () {
                    Get.toNamed(RoutePath.searchResult);
                  },
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SizedBox(
                        width: 30,
                        child: Column(
                          children: [
                            Expanded(
                                child: Align(
                              alignment: Alignment.bottomCenter,
                              child:
                                  ToolsUtils.assetImageSvg('u1782.svg', width: 15.w, height: 15.h),
                            )),
                            Expanded(child: Container())
                          ],
                        ),
                      ),
                      Expanded(
                          child: Column(
                        children: [
                          Expanded(
                              child: Container(
                            alignment: Alignment.bottomLeft,
                            child: Text(
                              '周边热门景点门票提前预订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                          Expanded(
                              child: Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '随买随用，预售中，安心订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                        ],
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '￥29.59',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3478, fontSize: 12.sp)),
                          TextSpan(
                              text: '起 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color9999, fontSize: 12.sp)),
                          WidgetSpan(
                              child: Icon(
                                Icons.arrow_forward_ios,
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                size: 12.sp,
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.all(10.w),
                child: Column(
                  children: [
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '入住信息',
                        style: StylesUtils.customTextStyle(
                            fontSize: 17.sp, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(top: 15.h),
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '江景大床房  1间',
                        style: StylesUtils.customTextStyle(
                            fontWeight: FontWeight.w700, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                        padding: EdgeInsets.only(top: 10.h),
                        alignment: Alignment.centerLeft,
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '1张1.8米大床',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 12.sp, color: ColorsUtils.color3333)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '可住2人',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '30m²',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '有窗',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '禁烟',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '2-6层',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                        ]))),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 15.h, bottom: 10.h),
                      child: Text(
                        '无餐食',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontWeight: FontWeight.w700),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '酒店加早　￥28',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 12.sp),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 5.h, bottom: 10.h),
                      child: Text.rich(TextSpan(children: [
                        TextSpan(
                            text: '早餐信息',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 13.sp)),
                        TextSpan(
                            text: '　自助餐',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                        TextSpan(
                            text: ' | ',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                        TextSpan(
                            text: '每日 07:00 - 10:00',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                      ])),
                    )
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              Container(
                alignment: Alignment.centerLeft,
                padding: EdgeInsets.only(bottom: 15.h),
                child: Text(
                  '预订信息',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333, fontSize: 17.sp),
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '入住人',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '柳宗元',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
              Container(
                padding: EdgeInsets.symmetric(vertical: 15.h),
                child: Row(
                  children: [
                    Container(
                      width: 80.w,
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '联系手机',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color9999, fontSize: 13.sp),
                      ),
                    ),
                    Expanded(
                        child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '135*****024',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 13.sp),
                      ),
                    ))
                  ],
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '下单时间',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '2024-02-01 12:14:17',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
            ],
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 20.h),
          alignment: Alignment.center,
          child: Text(
            '本产品由小默旅行发展有限公司及',
            style: StylesUtils.customTextStyle(fontSize: 12.sp, color: ColorsUtils.color9999),
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 5.h, bottom: 50.h),
          alignment: Alignment.center,
          child: Text(
            '具有合法资质的供应商提供相关服务',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color9999, fontSize: 12.sp),
          ),
        )
      ],
    );
  }
}

/// 未使用
class UnusedInfo extends StatefulWidget {
  final HotelOrderModel order;

  const UnusedInfo({super.key, required this.order});

  @override
  State<UnusedInfo> createState() => _UnusedInfoState();
}

class _UnusedInfoState extends State<UnusedInfo> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              InkWell(
                onTap: () {
                  Get.toNamed(RoutePath.hotelInfo);
                },
                child: SizedBox(
                  height: 50.h,
                  child: Row(
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.circular(5.w),
                        child: Image.network(
                          'https://img2.baidu.com/it/u=874687570,4272745671&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500',
                          width: 70.w,
                          height: 50.h,
                          fit: BoxFit.fill,
                          loadingBuilder: (BuildContext context, Widget child,
                              ImageChunkEvent? loadingProgress) {
                            if (loadingProgress == null) {
                              return child;
                            }
                            return Center(
                              child: CircularProgressIndicator(
                                value: loadingProgress.expectedTotalBytes != null
                                    ? loadingProgress.cumulativeBytesLoaded /
                                        loadingProgress.expectedTotalBytes!
                                    : null,
                              ),
                            );
                          },
                        ),
                      ),
                      Expanded(
                          child: Container(
                        padding: EdgeInsets.only(left: 10.w),
                        child: Column(
                          children: [
                            Expanded(
                                child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  widget.order.name,
                                  style: StylesUtils.customTextStyle(
                                      fontSize: 15.sp, color: ColorsUtils.color3333),
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                ),
                                Icon(
                                  Icons.arrow_forward_ios,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                  size: 12.sp,
                                )
                              ],
                            )),
                            Expanded(
                                child: Container(
                              alignment: Alignment.centerLeft,
                              child: Text.rich(TextSpan(children: [
                                TextSpan(
                                    text: widget.order.address,
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color9999)),
                                TextSpan(
                                    text: '  到这里',
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color6799))
                              ])),
                            ))
                          ],
                        ),
                      ))
                    ],
                  ),
                ),
              ),
              ListView(
                physics: const NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                children: [
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '住',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月25日 周五 14:00 后入住',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                          Container(
                              padding: EdgeInsets.only(top: 20.h),
                              alignment: Alignment.centerLeft,
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  ToolsUtils.assetImageSvg('u1789.svg', width: 15.w, height: 15.h),
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.topLeft,
                                    padding: EdgeInsets.only(left: 5.w),
                                    child: Text('请在酒店前台报入住人姓名查询，凭有效证件办理入住。',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color6666,
                                            fontSize: 13.sp,
                                            lineHeight: 1.3.h)),
                                  ))
                                ],
                              )),
                        ],
                      ),
                    ),
                    highlightColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    lineWidth: 5,
                    lineColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    isGrey: false,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '离',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月26日 周六 12:00 前离店',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                        ],
                      ),
                    ),
                    normalColor: Colors.transparent,
                    isGrey: true,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                ],
              ),
              Container(
                height: 60,
                margin: EdgeInsets.only(top: 20.h),
                padding: EdgeInsets.only(right: 5.w),
                decoration: BoxDecoration(
                  color: ColorsUtils.rgba(235, 246, 255, 1),
                  borderRadius: BorderRadius.circular(8.w),
                ),
                child: InkWell(
                  onTap: () {
                    Get.toNamed(RoutePath.searchResult);
                  },
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SizedBox(
                        width: 30,
                        child: Column(
                          children: [
                            Expanded(
                                child: Align(
                              alignment: Alignment.bottomCenter,
                              child:
                                  ToolsUtils.assetImageSvg('u1782.svg', width: 15.w, height: 15.h),
                            )),
                            Expanded(child: Container())
                          ],
                        ),
                      ),
                      Expanded(
                          child: Column(
                        children: [
                          Expanded(
                              child: Container(
                            alignment: Alignment.bottomLeft,
                            child: Text(
                              '周边热门景点门票提前预订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                          Expanded(
                              child: Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '随买随用，预售中，安心订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                        ],
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '￥29.59',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3478, fontSize: 12.sp)),
                          TextSpan(
                              text: '起 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color9999, fontSize: 12.sp)),
                          WidgetSpan(
                              child: Icon(
                                Icons.arrow_forward_ios,
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                size: 12.sp,
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.all(10.w),
                child: Column(
                  children: [
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '入住信息',
                        style: StylesUtils.customTextStyle(
                            fontSize: 17.sp, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(top: 15.h),
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '江景大床房  1间',
                        style: StylesUtils.customTextStyle(
                            fontWeight: FontWeight.w700, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                        padding: EdgeInsets.only(top: 10.h),
                        alignment: Alignment.centerLeft,
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '1张1.8米大床',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 12.sp, color: ColorsUtils.color3333)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '可住2人',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '30m²',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '有窗',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '禁烟',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '2-6层',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                        ]))),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 15.h, bottom: 10.h),
                      child: Text(
                        '无餐食',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontWeight: FontWeight.w700),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '酒店加早　￥28',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 12.sp),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 5.h, bottom: 10.h),
                      child: Text.rich(TextSpan(children: [
                        TextSpan(
                            text: '早餐信息',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 13.sp)),
                        TextSpan(
                            text: '　自助餐',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                        TextSpan(
                            text: ' | ',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                        TextSpan(
                            text: '每日 07:00 - 10:00',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                      ])),
                    )
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              Container(
                alignment: Alignment.centerLeft,
                padding: EdgeInsets.only(bottom: 15.h),
                child: Text(
                  '预订信息',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333, fontSize: 17.sp),
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '入住人',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '柳宗元',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
              Container(
                padding: EdgeInsets.symmetric(vertical: 15.h),
                child: Row(
                  children: [
                    Container(
                      width: 80.w,
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '联系手机',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color9999, fontSize: 13.sp),
                      ),
                    ),
                    Expanded(
                        child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '135*****024',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 13.sp),
                      ),
                    ))
                  ],
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '下单时间',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '2024-02-01 12:14:17',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
            ],
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 20.h),
          alignment: Alignment.center,
          child: Text(
            '本产品由小默旅行发展有限公司及',
            style: StylesUtils.customTextStyle(fontSize: 12.sp, color: ColorsUtils.color9999),
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 5.h, bottom: 50.h),
          alignment: Alignment.center,
          child: Text(
            '具有合法资质的供应商提供相关服务',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color9999, fontSize: 12.sp),
          ),
        )
      ],
    );
  }
}

/// 已取消
class CancelledInfo extends StatefulWidget {
  final HotelOrderModel order;

  const CancelledInfo({super.key, required this.order});

  @override
  State<CancelledInfo> createState() => _CancelledInfoState();
}

class _CancelledInfoState extends State<CancelledInfo> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              InkWell(
                onTap: () {
                  Get.toNamed(RoutePath.hotelInfo);
                },
                child: SizedBox(
                  height: 50.h,
                  child: Row(
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.circular(5.w),
                        child: Image.network(
                          'https://img2.baidu.com/it/u=874687570,4272745671&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500',
                          width: 70.w,
                          height: 50.h,
                          fit: BoxFit.fill,
                          loadingBuilder: (BuildContext context, Widget child,
                              ImageChunkEvent? loadingProgress) {
                            if (loadingProgress == null) {
                              return child;
                            }
                            return Center(
                              child: CircularProgressIndicator(
                                value: loadingProgress.expectedTotalBytes != null
                                    ? loadingProgress.cumulativeBytesLoaded /
                                        loadingProgress.expectedTotalBytes!
                                    : null,
                              ),
                            );
                          },
                        ),
                      ),
                      Expanded(
                          child: Container(
                        padding: EdgeInsets.only(left: 10.w),
                        child: Column(
                          children: [
                            Expanded(
                                child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  widget.order.name,
                                  style: StylesUtils.customTextStyle(
                                      fontSize: 15.sp, color: ColorsUtils.color3333),
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                ),
                                Icon(
                                  Icons.arrow_forward_ios,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                  size: 12.sp,
                                )
                              ],
                            )),
                            Expanded(
                                child: Container(
                              alignment: Alignment.centerLeft,
                              child: Text.rich(TextSpan(children: [
                                TextSpan(
                                    text: widget.order.address,
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color9999)),
                                TextSpan(
                                    text: '  到这里',
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color6799))
                              ])),
                            ))
                          ],
                        ),
                      ))
                    ],
                  ),
                ),
              ),
              ListView(
                physics: const NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                children: [
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '住',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月25日 周五 14:00 后入住',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                          Container(
                              padding: EdgeInsets.only(top: 20.h),
                              alignment: Alignment.centerLeft,
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  ToolsUtils.assetImageSvg('u1789.svg', width: 15.w, height: 15.h),
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.topLeft,
                                    padding: EdgeInsets.only(left: 5.w),
                                    child: Text('请在酒店前台报入住人姓名查询，凭有效证件办理入住。',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color6666,
                                            fontSize: 13.sp,
                                            lineHeight: 1.3.h)),
                                  ))
                                ],
                              )),
                        ],
                      ),
                    ),
                    highlightColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    lineWidth: 5,
                    lineColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    isGrey: false,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '离',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月26日 周六 12:00 前离店',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                        ],
                      ),
                    ),
                    normalColor: Colors.transparent,
                    isGrey: true,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                ],
              ),
              Container(
                height: 60,
                margin: EdgeInsets.only(top: 20.h),
                padding: EdgeInsets.only(right: 5.w),
                decoration: BoxDecoration(
                  color: ColorsUtils.rgba(235, 246, 255, 1),
                  borderRadius: BorderRadius.circular(8.w),
                ),
                child: InkWell(
                  onTap: () {
                    Get.toNamed(RoutePath.searchResult);
                  },
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SizedBox(
                        width: 30,
                        child: Column(
                          children: [
                            Expanded(
                                child: Align(
                              alignment: Alignment.bottomCenter,
                              child:
                                  ToolsUtils.assetImageSvg('u1782.svg', width: 15.w, height: 15.h),
                            )),
                            Expanded(child: Container())
                          ],
                        ),
                      ),
                      Expanded(
                          child: Column(
                        children: [
                          Expanded(
                              child: Container(
                            alignment: Alignment.bottomLeft,
                            child: Text(
                              '周边热门景点门票提前预订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                          Expanded(
                              child: Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '随买随用，预售中，安心订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                        ],
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '￥29.59',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3478, fontSize: 12.sp)),
                          TextSpan(
                              text: '起 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color9999, fontSize: 12.sp)),
                          WidgetSpan(
                              child: Icon(
                                Icons.arrow_forward_ios,
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                size: 12.sp,
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.all(10.w),
                child: Column(
                  children: [
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '入住信息',
                        style: StylesUtils.customTextStyle(
                            fontSize: 17.sp, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(top: 15.h),
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '江景大床房  1间',
                        style: StylesUtils.customTextStyle(
                            fontWeight: FontWeight.w700, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                        padding: EdgeInsets.only(top: 10.h),
                        alignment: Alignment.centerLeft,
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '1张1.8米大床',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 12.sp, color: ColorsUtils.color3333)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '可住2人',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '30m²',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '有窗',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '禁烟',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '2-6层',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                        ]))),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 15.h, bottom: 10.h),
                      child: Text(
                        '无餐食',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontWeight: FontWeight.w700),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '酒店加早　￥28',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 12.sp),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 5.h, bottom: 10.h),
                      child: Text.rich(TextSpan(children: [
                        TextSpan(
                            text: '早餐信息',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 13.sp)),
                        TextSpan(
                            text: '　自助餐',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                        TextSpan(
                            text: ' | ',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                        TextSpan(
                            text: '每日 07:00 - 10:00',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                      ])),
                    )
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              Container(
                alignment: Alignment.centerLeft,
                padding: EdgeInsets.only(bottom: 15.h),
                child: Text(
                  '预订信息',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333, fontSize: 17.sp),
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '入住人',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '柳宗元',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
              Container(
                padding: EdgeInsets.symmetric(vertical: 15.h),
                child: Row(
                  children: [
                    Container(
                      width: 80.w,
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '联系手机',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color9999, fontSize: 13.sp),
                      ),
                    ),
                    Expanded(
                        child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '135*****024',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 13.sp),
                      ),
                    ))
                  ],
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '下单时间',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '2024-02-01 12:14:17',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
            ],
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 20.h),
          alignment: Alignment.center,
          child: Text(
            '本产品由小默旅行发展有限公司及',
            style: StylesUtils.customTextStyle(fontSize: 12.sp, color: ColorsUtils.color9999),
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 5.h, bottom: 50.h),
          alignment: Alignment.center,
          child: Text(
            '具有合法资质的供应商提供相关服务',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color9999, fontSize: 12.sp),
          ),
        )
      ],
    );
  }
}

/// 已使用
class UsedInfo extends StatefulWidget {
  final HotelOrderModel order;

  const UsedInfo({super.key, required this.order});

  @override
  State<UsedInfo> createState() => _UsedInfoState();
}

class _UsedInfoState extends State<UsedInfo> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          padding: EdgeInsets.only(left: 15.w, right: 15.w, top: 2.5.h, bottom: 2.5.h),
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          child: Column(
            children: [
              SizedBox(
                height: 40.h,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text.rich(TextSpan(children: [
                      TextSpan(
                          text: '在线支付',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333,
                              fontSize: 16.sp,
                              fontWeight: FontWeight.w700)),
                      TextSpan(
                        text: ' ￥',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.colorD900, fontSize: 16.sp),
                      ),
                      TextSpan(
                          text: '${widget.order.price}',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.colorD900, fontSize: 18.sp))
                    ])),
                    InkWell(
                        onTap: () {},
                        child: Text(
                          '费用明细',
                          style: StylesUtils.customTextStyle(
                              fontSize: 12.sp, color: ColorsUtils.color6799),
                        ))
                  ],
                ),
              ),
              SizedBox(
                height: 40.h,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '订单号 2311201173310086',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color6666, fontSize: 12.sp),
                    ),
                    InkWell(
                        onTap: () {},
                        child: ToolsUtils.assetImageSvg('u1757.svg', width: 12.w, height: 12.h))
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              InkWell(
                onTap: () {
                  Get.toNamed(RoutePath.hotelInfo);
                },
                child: SizedBox(
                  height: 50.h,
                  child: Row(
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.circular(5.w),
                        child: Image.network(
                          'https://img2.baidu.com/it/u=874687570,4272745671&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500',
                          width: 70.w,
                          height: 50.h,
                          fit: BoxFit.fill,
                          loadingBuilder: (BuildContext context, Widget child,
                              ImageChunkEvent? loadingProgress) {
                            if (loadingProgress == null) {
                              return child;
                            }
                            return Center(
                              child: CircularProgressIndicator(
                                value: loadingProgress.expectedTotalBytes != null
                                    ? loadingProgress.cumulativeBytesLoaded /
                                        loadingProgress.expectedTotalBytes!
                                    : null,
                              ),
                            );
                          },
                        ),
                      ),
                      Expanded(
                          child: Container(
                        padding: EdgeInsets.only(left: 10.w),
                        child: Column(
                          children: [
                            Expanded(
                                child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  widget.order.name,
                                  style: StylesUtils.customTextStyle(
                                      fontSize: 15.sp, color: ColorsUtils.color3333),
                                  maxLines: 1,
                                  overflow: TextOverflow.ellipsis,
                                ),
                                Icon(
                                  Icons.arrow_forward_ios,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                  size: 12.sp,
                                )
                              ],
                            )),
                            Expanded(
                                child: Container(
                              alignment: Alignment.centerLeft,
                              child: Text.rich(TextSpan(children: [
                                TextSpan(
                                    text: widget.order.address,
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color9999)),
                                TextSpan(
                                    text: '  到这里',
                                    style: StylesUtils.customTextStyle(
                                        fontSize: 12.sp, color: ColorsUtils.color6799))
                              ])),
                            ))
                          ],
                        ),
                      ))
                    ],
                  ),
                ),
              ),
              ListView(
                physics: const NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                children: [
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '住',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月25日 周五 14:00 后入住',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                          Container(
                              padding: EdgeInsets.only(top: 20.h),
                              alignment: Alignment.centerLeft,
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  ToolsUtils.assetImageSvg('u1789.svg', width: 15.w, height: 15.h),
                                  Expanded(
                                      child: Container(
                                    alignment: Alignment.topLeft,
                                    padding: EdgeInsets.only(left: 5.w),
                                    child: Text('请在酒店前台报入住人姓名查询，凭有效证件办理入住。',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color6666,
                                            fontSize: 13.sp,
                                            lineHeight: 1.3.h)),
                                  ))
                                ],
                              )),
                        ],
                      ),
                    ),
                    highlightColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    lineWidth: 5,
                    lineColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF5f5),
                    isGrey: false,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                  StepLine(
                    iconWidget: CircleAvatar(
                      radius: 10.w,
                      backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.color3478),
                      child: Text(
                        '离',
                        style: StylesUtils.customTextStyle(fontSize: 12.sp),
                      ),
                    ),
                    contentWidget: Container(
                      padding: EdgeInsets.only(left: 20.w),
                      child: Column(
                        children: [
                          Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '11月26日 周六 12:00 前离店',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 15.sp, color: ColorsUtils.color3333),
                            ),
                          ),
                        ],
                      ),
                    ),
                    isGrey: true,
                    normalColor: Colors.transparent,
                    contentLeftPadding: 15.w,
                    contentTopPadding: 30.h,
                    iconTopPadding: 30.h,
                  ),
                ],
              ),
              Container(
                height: 60,
                margin: EdgeInsets.only(top: 20.h),
                padding: EdgeInsets.only(right: 5.w),
                decoration: BoxDecoration(
                  color: ColorsUtils.rgba(235, 246, 255, 1),
                  borderRadius: BorderRadius.circular(8.w),
                ),
                child: InkWell(
                  onTap: () {
                    Get.toNamed(RoutePath.searchResult);
                  },
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SizedBox(
                        width: 30,
                        child: Column(
                          children: [
                            Expanded(
                                child: Align(
                              alignment: Alignment.bottomCenter,
                              child:
                                  ToolsUtils.assetImageSvg('u1782.svg', width: 15.w, height: 15.h),
                            )),
                            Expanded(child: Container())
                          ],
                        ),
                      ),
                      Expanded(
                          child: Column(
                        children: [
                          Expanded(
                              child: Container(
                            alignment: Alignment.bottomLeft,
                            child: Text(
                              '周边热门景点门票提前预订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                          Expanded(
                              child: Container(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '随买随用，预售中，安心订',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 13.sp, color: ColorsUtils.color3333),
                            ),
                          )),
                        ],
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '￥29.59',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3478, fontSize: 12.sp)),
                          TextSpan(
                              text: '起 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color9999, fontSize: 12.sp)),
                          WidgetSpan(
                              child: Icon(
                                Icons.arrow_forward_ios,
                                color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                                size: 12.sp,
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                ),
              ),
              Container(
                padding: EdgeInsets.all(10.w),
                child: Column(
                  children: [
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '入住信息',
                        style: StylesUtils.customTextStyle(
                            fontSize: 17.sp, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(top: 15.h),
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '江景大床房  1间',
                        style: StylesUtils.customTextStyle(
                            fontWeight: FontWeight.w700, color: ColorsUtils.color3333),
                      ),
                    ),
                    Container(
                        padding: EdgeInsets.only(top: 10.h),
                        alignment: Alignment.centerLeft,
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '1张1.8米大床',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 12.sp, color: ColorsUtils.color3333)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '可住2人',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '30m²',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '有窗',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '禁烟',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                          TextSpan(
                              text: ' | ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                          TextSpan(
                              text: '2-6层',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333, fontSize: 12.sp)),
                        ]))),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 15.h, bottom: 10.h),
                      child: Text(
                        '无餐食',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontWeight: FontWeight.w700),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '酒店加早　￥28',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 12.sp),
                      ),
                    ),
                    Container(
                      alignment: Alignment.centerLeft,
                      padding: EdgeInsets.only(top: 5.h, bottom: 10.h),
                      child: Text.rich(TextSpan(children: [
                        TextSpan(
                            text: '早餐信息',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 13.sp)),
                        TextSpan(
                            text: '　自助餐',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                        TextSpan(
                            text: ' | ',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorCccc, fontSize: 12.sp)),
                        TextSpan(
                            text: '每日 07:00 - 10:00',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color3333, fontSize: 12.sp)),
                      ])),
                    )
                  ],
                ),
              )
            ],
          ),
        ),
        Container(
          margin: EdgeInsets.only(top: 10.h),
          decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.w), color: Colors.white),
          padding: EdgeInsets.all(15.w),
          child: Column(
            children: [
              Container(
                alignment: Alignment.centerLeft,
                padding: EdgeInsets.only(bottom: 15.h),
                child: Text(
                  '预订信息',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333, fontSize: 17.sp),
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '入住人',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '柳宗元',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
              Container(
                padding: EdgeInsets.symmetric(vertical: 15.h),
                child: Row(
                  children: [
                    Container(
                      width: 80.w,
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '联系手机',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color9999, fontSize: 13.sp),
                      ),
                    ),
                    Expanded(
                        child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '135*****024',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333, fontSize: 13.sp),
                      ),
                    ))
                  ],
                ),
              ),
              Row(
                children: [
                  Container(
                    width: 80.w,
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '下单时间',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999, fontSize: 13.sp),
                    ),
                  ),
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '2024-02-01 12:14:17',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: 13.sp),
                    ),
                  ))
                ],
              ),
            ],
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 20.h),
          alignment: Alignment.center,
          child: Text(
            '本产品由小默旅行发展有限公司及',
            style: StylesUtils.customTextStyle(fontSize: 12.sp, color: ColorsUtils.color9999),
          ),
        ),
        Container(
          padding: EdgeInsets.only(top: 5.h, bottom: 50.h),
          alignment: Alignment.center,
          child: Text(
            '具有合法资质的供应商提供相关服务',
            style: StylesUtils.customTextStyle(color: ColorsUtils.color9999, fontSize: 12.sp),
          ),
        )
      ],
    );
  }
}
